<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<!-- th:fragment 定义需要引入的代码块，该div包含的内容即为引用的公共内容 -->


<head th:fragment="head(title)">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title th:text="${title}">超 市</title>
    <!--== Favicon ==-->
    <link rel="shortcut icon" th:href="@{/user/img/favicon.png}" type="image/x-icon" />

    <!--== Google Fonts ==-->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600,700,800,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,500,600,700" rel="stylesheet">

    <!--== Bootstrap CSS ==-->
    <link th:href="@{/user/css/bootstrap.min.css}" rel="stylesheet" />
    <!--== Headroom C/userSS ==-->
    <link th:href="@{/user/css/headroom.css}" rel="stylesheet" />
    <!--== Animate CS/userS ==-->
    <link th:href="@{/user/css/animate.css}" rel="stylesheet" />
    <!--== Ionicons C/userSS ==-->
    <link th:href="@{/user/css/ionicons.css}" rel="stylesheet" />
    <!--== Material I/usercon CSS ==-->
    <link th:href="@{/user/css/material-design-iconic-font.css}" rel="stylesheet" />
    <!--== Elegant Ic/useron CSS ==-->
    <link th:href="@{/user/css/elegant-icons.css}" rel="stylesheet" />
    <!--== Font Aweso/userme Icon CSS ==-->
    <link th:href="@{/user/css/font-awesome.min.css}" rel="stylesheet" />
    <!--== Swiper CSS/user ==-->
    <link th:href="@{/user/css/swiper.min.css}" rel="stylesheet" />
    <!--== Fancybox M/userin CSS ==-->
    <link th:href="@{/user/css/fancybox.min.css}" rel="stylesheet" />
    <!--== Slicknav M/userin CSS ==-->
    <link th:href="@{/user/css/slicknav.css}" rel="stylesheet" />

    <!--== Main Style/user CSS ==-->
    <link th:href="@{/user/css/style.css}" rel="stylesheet" />
    <script th:src="@{/common/jquery.js}" ></script>
    <script th:src="@{/layui/layui.all.js}"></script>

<!--    <link rel="stylesheet" type="text/css" th:href="@{/admin/css/fonts.css}">-->
<!--&lt;!&ndash;    <link rel="stylesheet" type="text/css" th:href="@{/admin/css/bootstrap.min.css}">&ndash;&gt;-->
<!--    <link rel="stylesheet" type="text/css" th:href="@{/admin/css/font-awesome.min.css}">-->
<!--    <link rel="stylesheet" type="text/css" th:href="@{/admin/css/icofont.min.css}">-->
<!--    <link rel="stylesheet" type="text/css" th:href="@{/admin/css/style.css}">-->
<!--    <link rel="stylesheet" id="theme-change" type="text/css" href="">-->


    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<div th:fragment="js">
    <!--=======================Javascript============================-->
    <!-- Script Start -->
<!--    <script th:src="@{/admin/js/jquery.min.js}"></script>-->
<!--&lt;!&ndash;    <script th:src="@{/admin/js/popper.min.js}"></script>&ndash;&gt;-->
<!--&lt;!&ndash;    <script th:src="@{/admin/js/bootstrap.min.js}"></script>&ndash;&gt;-->
<!--    <script th:src="@{/admin/js/custom.js}"></script>-->

    <!--=== jQuery Modernizr Min Js ===-->
    <script th:src="@{/user/js/modernizr.js}"></script>
    <!--=== jQuery Min/user Js ===-->
    <script th:src="@{/user/js/jquery-main.js}"></script>
    <!--=== jQuery Mig/userration Min Js ===-->
    <script th:src="@{/user/js/jquery-migrate.js}"></script>
    <!--=== th:jQuer@r/user Min Js ===-->
    <script th:src="@{/user/js/popper.min.js}"></script>
    <!--=== th:jQuer@t/userrap Min Js ===-->
    <script th:src="@{/user/js/bootstrap.min.js}"></script>
    <!--=== th:jQuer@o/userom Min Js ===-->
    <script th:src="@{/user/js/headroom.min.js}"></script>
    <!--=== th:jQuer@r/user Min Js ===-->
    <script th:src="@{/user/js/swiper.min.js}"></script>
    <!--=== th:jQuer@b/userox Min Js ===-->
    <script th:src="@{/user/js/fancybox.min.js}"></script>
    <!--=== th:jQuer@ /userNav Js ===-->
    <script th:src="@{/user/js/slicknav.js}"></script>
    <!--=== th:jQuer@d/userown Js ===-->
    <script th:src="@{/user/js/countdown.js}"></script>

    <!--=== th:jQuery /userCustom Js ===-->
    <script th:src="@{/user/js/custom.js}"></script>
<!--    <script>-->
<!--        // Images Zoom-->
<!--        $('.zoom-hover').zoom();-->
<!--    </script>-->

</div>

</html>